<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YOU - Welcome</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>
<div class="container">
    <?php
        include 'header1.php';
		
		require_once('config.php');
    ?>
    <div class="content">
    	<div class="leftcontent" style="width:770px">
        	<div class="randomtext">PHOTOS</div>
            <div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
			<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      		<div class="fotoitem">
            	<img src="images/pudy.jpg" alt="pudy cantik" height="100" width="100" />
            </div>
      	</div>
        <div class="leftcontent" style="width:518px">
        	<div class="right1" style="border:dashed">
            	<div class="randomtext">Login Here!</div>
                <div>
                	<form action="login.php" method="post">
                    	<div class="items">
                    		<label>Username</label>
                        	<input type="text" name="username" />
                    	</div>
                    	<div class="items">
                    		<label>Password</label>
                        	<input type="password" name="password" />
                    	</div>
                        <div style="margin-left:207px">
                			<button type="submit">Login</button>
                		</div>
                	</form>
            	</div>
                
                <div class="clearboth"></div>
            </div>
            <div class="right1" style="border-left:dashed; border-right:dashed; border-bottom:dashed">
            	<div class="randomtext">Register Here!</div>
                <div>
                    <form action="registrasi.php" method="post" enctype="multipart/form-data">
                    	<div class="items">
                        	<label>Full Name</label>
                            <input type="text" name="fullname"/>
                            <span class="validationtext" id="u_fname"></span>
                        </div>
                        <div class="items">
                        	<label>Username</label>
                            <input type="text" name="username"/>
                            <span class="validationtext" id="u_username"></span>
                        </div>
                        <div class="items">
                        	<label>Password</label>
                            <input type="password" name="password"/>
                            <span class="validationtext" id="u_pwd"></span>
                        </div>
                        <div class="items">
                        	<label>Confirm Pwd</label>
                            <input type="password" name="confirmpwd"/>
                            <span class="validationtext" id="u_pwd2"></span>
                        </div>
                        <div class="items">
                        	<label>Birth Date</label>
                            <input type="text" name="tgl_lahir"/>
                            <span class="validationtext" id="u_tgllahir"></span>
                        </div>
                        <div class="items">
                        	<label>Email</label>
                            <input type="text" name="email"/>
                            <span class="validationtext" id="u_email"></span>
                        </div>
                        <div class="items">
                        	<label>Gender</label>
                            <input type="radio" name="gender" value="P" checked="checked">Male
                            <input type="radio" name="gender" value="W">Female
							<br/>
                        </div>
                        <div class="items">
                        	<label>Location</label>
                            <input type="text" name="kota"/>
                            <span class="validationtext" id="u_kota"></span>
                        </div>
                        <div class="items">
                        	<label>Profile Pic</label>
                            <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
                            <input type="file" name="profpic" /><br/>
                            <span class="validationtext" id="u_profpic"></span>
                        </div>
                        <div style="margin-left:189px">
                        	<button type="submit">Register</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="clearboth"></div>
        </div>
        <div class="clearboth"></div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>
